body{
    -webkit-font-smoothing: subpixel-antialiased
}
.offline-meeting{
    width: 68.314%;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 6.31vw;
}
.offline_left{
   width: 45.4%;
   float: left;
}
.offline_right{
    width: 51.4%;
    float: right;
    padding-top: 4vw;
}
.offline_right>p{
    text-align:left;
    font-size: 0.84vw;
}
.offline_right>.offline_right_title{
    text-align: center;
   font-weight: 600;
    font-size: 2.1vw;
    color: #EB2663;
    padding-bottom: 1vw;
}
.offline_right_ul{
    list-style: none;
    overflow:hidden;
    margin-top: 1.5vw;
    border-top: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
}
.offline_right_ul>li{
    width: calc(100% / 3);
    float: left;
    margin: vw;
    margin: 0.5vw 0;
    height: 2.5vw;
    line-height: 2.5vw;
    border-right: 1px solid #F1F1F1;
    text-align: center;
    padding-right: 0.5vw;
    padding-left: 0.5vw;
}
.offline_right_ul>li:nth-of-type(3){
    border-right:0;
}
.offline_right_ul>li>p{
    background-color: #333333;
text-align: centre;
}
.offline_right_ul>li>p>a{
    color:#fff;
    white-space: nowrap;
    text-decoration: none;
}
.offline_right_ul>li>p>a>img{
    width: 2%;
    margin-left: 0.3vw;
    margin-right: 0.3vw;
}
/* 会议核心 */
.core{
    width: 100%;
    background-color: #F5F5F5;
    padding-top: 4.74vw;
    padding-bottom: 4.63vw;
    overflow: hidden;
}
.core>div{
    width: 68.314%;
    margin:0 auto; 
}
.core_top{
    text-align: center;
    padding-bottom: 2vw;
}
.core_top>p{
    font-size: 0.84vw;
}
.core_top>.core_top_title{
    font-weight: 600;
    font-size: 2.1vw;
    color: #EB2663;
}
.core_list{
    width: 90%;
    margin: 0 auto;
}
.core_list>ul{
    list-style: none;
    overflow: hidden;
}
.core_list>ul:nth-of-type(2){
    width: 100%;
    margin-left: 10%;
    margin-top: 2vw;
}
.core_list>ul>li{
     width: 20%;
     float: left;
     text-align: center;
}
.core_list>ul>li>img{
     width:25%;
     padding-bottom: 1vw;
}
.core_list>ul>li>p{
    width: 50%;
    font-size: 0.84vw;
    margin: 0 auto;
    text-align: center;
}
/* 卡项 */
.card{
    width: 68.314%;
    margin: 0 auto;
    padding-top: 6.42vw;
}
.card_img{
    width: 100%;
    height: 30vw;
}
.card_img>img{
    width: 100%;
}
.card_item{
    width: 100%;
    padding-top: 3.47vw;
    padding-bottom: 6.32vw;
}

.card_item>div{
    padding-bottom: 1vw;
    background-color: #EB2663;
    padding-top: 1vw;
}
.card_item>div>hr{
    width: 2vw;
    border: 0;
    margin-left: 2vw;
    border-bottom: 2px solid #fff;
}
.card_item>div>.card_item_title{
    font-weight: 600;
    font-size: 1.58vw;
    text-align: left;
}
.card_item_subtitle{
    padding: 0.5vw 1.89vw;
    line-height: vw;
    text-align: left;
    color: #fff;
    font-size: 0.95vw;
}
.card_item_subtitle:last-child{
    font-weight: bold;
}
.card_item_content{
    font-size: 0.84vw;
    margin-top: 1vw;
    margin-bottom: 0;
    line-height: 1.8vw;
}
.card_num{
    width: 100%;
}
.card_num_list{
    width: 100%;
    overflow: hidden;
    margin-bottom: 6.32vw;
}
.card_num_list_img{
    width: 35%;
    float: left;
}
.card_num_list_details{
    width: 59%;
    float: right;
}
.card_num_list_details_title{
    font-weight: 600;
    font-size: 1.58vw;
    color: #eb2763;
}
.card_num_list_details>hr{
    margin-top: 29px;
    width: 2vw;
    border: 0;
    border-bottom: 2px solid #7B7B7B;
}
/* 机构目录 */
.institutions{
    width: 100%;
    background-color: #F5F5F5;
    padding-bottom: 6.32vw;
}
.institutions>div{
    width: 68.314%;
    margin: 0 auto;
    overflow: hidden;
}
.ins_top{
    padding-top: 4.32vw;
    padding-bottom: 1.42vw;
    text-align: center;
}
.ins_top>p{
    /* font-family: '思源黑体 CN Medium'; */
    color: #EB2663;
    font-size: 2.1vw;
}
.ins_top>hr{
    width: 3%;
    border: 0;
    margin: 0 auto;
    margin-top: 1vw;
    border-bottom: 1px solid #929292;
    background-color: transparent;
}
ul li{
    list-style: none;
}
.ins_pro{
    width: 100%;
    overflow: hidden;
}
/* 第一层 ul */
.ins_pro>ul,.ins_crown>ul{
    width: 100%;
    padding-bottom: 3.16vw;
}
/* 第一层 li */
.ins_crown>ul>li{
    width: 21%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    background-color: #EB2663;
    margin-bottom: 1vw;
}
.ins_pro>ul>.box>li{
    background-color: #EB2663;
}
/* 第一层 a 各直辖市及省 */
.container-fluid {
    padding: 20px;
    }
  #masonry>ul>.box {
    margin-bottom: 20px;
    float: left;
    width: 220px;
    }
.ins_pro>ul>.box>li>a,.ins_crown>ul>li>a{
    width: 100%;
    text-decoration: none;
    text-align: left;
    font-size: 0.95vw; 
    color: #fff;
    padding-left: 2vw;
    background-color: #EB2663;
    line-height: 2vw;
}
/* 第二层 市  */
.ins_pro>ul>.box>li>ul{
   width: 100%;
   background-color: #F5F5F5;
}
.ins_pro>ul>li>ul>li{
    width: 100%;
    margin-top: 1vw;
    background-color: #F5F5F5;
 }
 .ins_pro>ul>.box>li>ul>li>a{
    color: #000;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    font-size: 0.84vw;
    line-height: 1.8vw;
    padding-left: 1vw;
 }

 .ins_pro>ul>.box>li>ul>li>hr{
    /* width: 96%; */
    border: 0;
    border-bottom: 1px solid #EB2663;
    margin: 0;
 }

 /* 第三层 机构名称 */
 .ins_pro>ul>.box>li>ul>li>ul,.ins_crown>ul>li>ul{
    padding-top: 0.5vw;
    padding-left: 1vw;
    background-color: #ffffff;
    width: 100% !important;
    /* margin-bottom: 1vw; */
 }
 .ins_pro>ul>li>ul>li>ul>li,.ins_crown>ul>li>ul>li{
    font-size: 0.84vw;
 }

 /*ipad  */
 @media only screen and (min-width: 768px) and (max-width:1024px){
    .offline-meeting,.card{
        width: 96%;
    }
    .offline_right_ul>li {
        height: 4vw;
        line-height: 4vw;
    }
    .offline_right_ul>li>p {
        padding: 0;
    }
    .offline_right>.offline_right_title,.ins_top>p,.core_top>.core_top_title{
        font-size: 3vw;
    }
    .core>div{
        width: 100%;
    }
    .ins_pro>ul>li>a,.ins_crown>ul>li>a {
        padding: 4% 59% 4% 6%;
    }
    .ins_crown>ul>li:last-child>a{
        padding: 4% 24% 4% 6%;
    }
    .card_img {
        width: 100%;
        height: auto;
    }
    .card_item_title,.card_num_list_details_title{
        font-size: 2.5vw;
    }
    .card_item_subtitle,.card_item_content,.ins_pro>ul>li>a, .ins_crown>ul>li>a,.ins_pro>ul>li>ul>li>a,.ins_pro>ul>li>ul>li>ul>li, .ins_crown>ul>li>ul>li{
        font-size: 1.5vw;
        line-height: 4vw;
    }
    .ins_crown>ul>li>a{
        white-space: nowrap;
    }
    .card_item>div>.card_item_title{
        font-size: 3vw;
    }
    .ins_pro>ul>.box>li>a,.ins_crown>ul>li>a{
        line-height: 4vw;
        font-size: 2.5vw;
    }
    .card_item_subtitle {
        line-height: 2vw;
    }
    .card_item_content {
        line-height: 2.5vw;
    }
    .card_num_list_img {
        width: 39%;
    }
    .ins_top>hr {
        width: 5%;
        margin-bottom: 1vw;
    }
    .institutions>div{
        width: 90%;
    }
    .ins_crown>ul>li{
        background-color: transparent;
    }
    .ins_pro>ul>li>ul>li>ul,.ins_crown>ul>li>ul,.ins_pro>ul>li>ul>li>hr{
        width: 90%;
    }
    .ins_crown>ul>li {
        width: 33%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .ins_crown>ul>li>ul{
        margin-top: 1vw;
    }
    .ins_pro>ul>li>ul>li {
        width: 100%;
        display: block;
        margin-bottom: 1vw;
    }
    .ins_pro>ul>.box>li>ul>li>a {
        font-size: 2vw;
        line-height: 4vw;
        padding-left: 2vw;
    }
    .ins_pro>ul>li>ul>li>hr {
        margin-top: 0.5vw;
    }
    .ins_pro>ul>li>ul{
        margin-top: 1vw;
    }
 }
 /*phone*/
@media only screen and (min-width: 320px) and (max-width: 767px){
    .ban_bot>div>.ban_bot_right>img {
        margin: -5% 0 5% 86%;
    }
    .offline-meeting,.card,.institutions>div{
        width: 96%;
    }
    .offline_right>.offline_right_title,.core_top>.core_top_title,.ins_top>p{
        font-size: 7.2vw;
    }
    .offline_right_ul {
        padding: 1.3vw;
    }
    .offline_left{
        width: 100%;
    }
    .offline_right,.core>div,.core_list{
        width: 98%;
    }
    .offline_right>p {
        text-align: center;
        font-size: 3.65vw;
    }
    .offline_right_ul>li {
        height: 5vw;
        line-height: 5vw;
    }
    .core_list>ul>li>img{
        width: 50%;
    }
    .core_list>ul>li>p {
        width: 100%;
        font-size: 0.84vw;
        white-space: nowrap;
    }
    .card_img{
        height: auto;
    }
    .card_item>div>.card_item_title {
        font-size: 5vw;
    }
    .card_item_title,.card_num_list_details_title{
        font-size: 5vw;
        margin-top: 5vw;
    }
    .card_item_content,.card_item_subtitle{
        font-size:3vw;
        line-height: 5vw;
    }
    .card_num_list_img,.card_num_list_details{
        width: 100%;
    }
    .ins_click{
        margin-left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .ins_pro>ul>li, .ins_crown>ul>li {
        margin-bottom: 7vw;
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
        background-color: transparent;
        margin-bottom: 6vw;
    }
    .ins_pro>ul>li>ul>li>ul>li, .ins_crown>ul>li>ul>li,.ins_pro>ul>li>ul>li>a{
        font-size: 3vw;
    }
    .ins_pro>ul>li>ul>li {
        width: 96%;
    }
    .ins_pro>ul>li>ul {
        margin-top: 3vw;
    }
    .ins_pro>ul>.box>li>ul>li>a{
        font-size: 3.5vw;
        line-height: 6vw;
    }
    .card_item>div>hr {
        width: 6vw;
    }
    #masonry>ul>.box {
        width: 100%;
    }
    .ins_pro>ul>.box>li>a,.ins_crown>ul>li>a {
        width: 100%;
        white-space: nowrap;
        text-decoration: none;
        text-align: left;
        font-size: 4vw;
        color: #fff;
        padding: 2% 85% 2% 6%;
        background-color: transparent;
        line-height: 8vw;
    }
    .ins_crown>ul>li>a{
        background-color: #eb2763;
    }
    .card_num_list_details>hr{
        width: 6vw;
    }
    .ins_top>hr{
        width: 10%;
        margin-top: 1vw;
        margin-bottom: 2vw;
    }
    .ins_pro>ul>li>ul>li>ul{
        width: 100%;
        padding: 5vw;
    }
    .ins_crown>ul>li>ul {
        width:100%;
        padding: 5vw;
    }
}